#about-banner
  background-image url(../img/banner-4.jpg)

#core-team
  color white
  padding 0 0 2.25rem

  .name-card
    background-color #2a3244
    padding 1.25rem

  img
    background-color #333
    border-top $active-color 2px solid
    width 120px
    height 120px

  h3
    color $active-color
    font-size 1.125rem
    margin-bottom 1em
    text-indent .25em

  .row p
    color white
    font-size .875rem
    margin-bottom 0

  @media (min-width $sm-min-width)
    &
      img
        margin-bottom 2rem

  @media (max-width $xs-max-width)
    &
      img
        width 75px
        height 75px
        margin-right 1rem

      .row
        margin 0

      .col-12 + .col-12
        margin-top 1.25rem

      .name-card
        display flex
        padding .75rem

      h3
        font-size 1.25rem
        margin-bottom .5em
        text-indent 0

      article
        flex 1

.vision
  background-color white

  dl
    display flex
    flex-wrap wrap
    margin-bottom 0

  dt
    border-radius 50%
    color white
    font-size 1.5rem
    font-weight normal
    text-align center

    &.green
      background-color #22d3b6

    &.blue
      background-color #4fbbff

    &.red
      background-color #ff604f

    &.green,
    &.red
      position relative

  dd
    flex 1 0
    display flex
    flex-direction column
    justify-content center
    margin 0

  @media (min-width $sm-min-width)
    &
      dt
        margin 2.5rem 2rem 2.5rem 0
        width 6rem
        height 6rem
        line-height 6rem

        &:not(.blue)::after
          content ''
          height 5rem
          border-left 2px solid #DDD
          position absolute
          left 50%
          bottom -5rem
          margin-left -1px

      dd
        flex-basis 85%
        line-height 2
        min-height 11rem

  @media (max-width $xs-max-width)
    &
      padding-top .5rem
      padding-bottom .5rem

      dt
        width 5rem
        height 5rem
        line-height 5rem
        margin .5rem 1rem .5rem 0

      dd
        flex-basis 75%
        min-height 6rem

#our-investor
  background no-repeat url(../img/banner-5.jpg) center/cover
  color white

  img
    border-radius 50%
    display block
    margin 0 auto

  figcaption
    text-align center

  @media (min-width $sm-min-width)
    &
      padding 3rem 0 2rem

      .container
        padding-top 3rem

      img
        width 13.25rem
        height 13.25rem

      figcaption
        line-height 5

  @media (max-width $xs-max-width)
    &
      h2
        line-height 1.5
        padding-top .5em

      img
        width 8.25rem
        height 8.25rem

      figure
        margin-bottom 0

      figcaption
        line-height 4